@CHARSET "UTF-8";
.fixed{
	height: 100%;
  overflow: hidden;
}
.page-head {
	position:fixed;
    width: 100%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    background-color: #fff;
    color: #000;
    font-size: 0.3rem;
	z-index:9999999999;
	top:0px;
}
.page-head a{text-decoration:none;}
.page-head a:nth-child(1) {
    left: 0.3rem;
    width: 0.18rem;
    position: absolute;
}
ul{margin:0px;padding-left:0px;}
li{list-style:none;}
html{height:100vh;-webkit-overflow-scrolling: touch;}
body{background: #f1f2f7;padding-top:0rem !important;max-width:750px;height:100%;}
*{/*touch-action: pan-y;*/cursor:pointer;}
#demo{height:100%}
#vBody{min-height:100%}
[v-cloak] {
  display: none;
}
/*===下拉刷新组件===*/
.dropload-layer{height:0;overflow:hidden;line-height:50px;text-align:center;-webkit-transition:.4s;transition:.4s;position: relative}
.dropload-layer .inner{position: absolute;left: 0;right: 0;bottom: 0;}
a:hover, a:focus{text-decoration: none;}

.dropload-layer .down{display:inline-block}
.dropload-layer .refresh,.dropload-layer .up{display:none}
.dropload-layer .arrow{display:inline-block;width:0.2rem;height:0.2rem;margin-right:0.04rem;vertical-align:middle;-webkit-transition:.4s;transition:.4s;-webkit-transform:rotate(0deg) translate3d(0,0,0);transform:rotate(0deg) translate3d(0,0,0);background-size:0.13rem 0.2rem;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E") no-repeat center;}
.dropload-layer .loader{display:none;margin-right:0.04rem;width:0.2rem;height:0.2rem;vertical-align:middle;animation:rotate 1s linear infinite forwards; -webkit-animation:rotate 1s linear infinite forwards; }
.dropload-layer .loader:after{display:block;width:100%;height:100%;content:"";background-size:cover;background:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center;}

.pull-up .down,.refreshing .down{display:none}
.pull-up .arrow{display:inline-block;-webkit-transform:rotate(180deg) translate3d(0,0,0);transform:rotate(180deg) translate3d(0,0,0)}
.pull-up .up{display:inline-block}
.pull-down .arrow{display:inline-block}
.pull-down .down{display:inline-block}
.touching .dropload-layer{-webkit-transition: 0s;transition: 0s;}


/* 单行省略 */
.ellipsis{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
/* ====start=====移动端flex布局====start===== */
/*display*/
.flex{
    
		display: box;              /* OLD - Android 4.4- */
 
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
 
 
    /* 09版 */
    -webkit-box-orient: horizontal;
    /* 12版 */
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    -o-flex-direction: row;
    flex-direction: row;
}

.inline-flex{
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;    
}

/*伸缩流方向*/
.flex-v{
    /* 09版 */
    -webkit-box-orient: vertical;
    /* 12版 */
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
}
/*主轴对齐*/
.justify-content_center{
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.justify-content_flex-end{
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.justify-content_space-between{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
/*侧轴对齐*/
.align-items_flex-start{
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.align-items_flex-end{
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.align-items_center{
	/* -webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; */
	/* 09版 */
	-webkit-box-align: center;
	/* 12版 */
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
}
.align-items_baseline{
	-webkit-box-align: baseline;
	-ms-flex-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
}
/*伸缩性*/
.flex_auto{
	-webkit-box-flex: 1;
	-ms-flex: auto;
	-webkit-flex: auto;
	flex: auto;
}
.flex_1{
    /* width: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;  */
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	width: 20%;               /* For old syntax, otherwise collapses. */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
/*显示顺序*/
.order_1{
	-webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
	-ms-flex-order: 1;              /* TWEENER - IE 10 */
	-webkit-order: 1;               /* NEW - Chrome */
	order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.order_2{
	-webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
	-ms-flex-order: 2;              /* TWEENER - IE 10 */
	-webkit-order: 2;               /* NEW - Chrome */
	order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.order_3{
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 3;
	-webkit-order: 3;
	order: 3;
}
/* =====end====移动端flex布局======end===== */

/* 定位居中 */
.center_x{
	position: absolute;
	left:50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}
.center_y{
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.center_xy{
	position: absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
/* 定位居中 */



.bottom-line{
	border-bottom:1px solid #ededed;
}
::-webkit-scrollbar {/*隐藏滚轮*/
display: none;
}

.hide{
	display: none;
}
.text-middle:before, .text-middle>* {
    vertical-align: middle;
}
.text-middle:before {
    content: "";
    display: inline-block;
    height: 100%;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}


/* 加载动画 */
.loader-wrap {
    text-align: center;
    line-height: .8rem;
}
.loader-wrap .loader-img {
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
    width: .4rem;
    height: .4rem;
    background-image: url(../images/loading.png);
    background-repeat: no-repeat;
    background-size: .4rem;
    -webkit-animation: loader 1.2s linear;
    animation: loader 1.2s linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes loader{
	0% {
	    -webkit-transform: rotate(0);
	    transform: rotate(0);
	}
	100% {
	    -webkit-transform: rotate(1turn);
	    transform: rotate(1turn);
	}
}
/*整页加载动画样式开始*/
#spinner{width:100%;height:100%;position:fixed;top:0;z-index:99999999999999999999;}
.spinner {
  margin: 0 auto;
  width: 50px;
  height: 50px;
  position:relative;
  top:calc(50% - 50px);
}
 
.container1 > div, .container2 > div, .container3 > div {
  width: 10px;
  height: 10px;
  background-color: #80FF00;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
 
.spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
 
.container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
 
.container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
 
.circle1 { top: 0; left: 0; }
.circle2 { top: 0; right: 0; }
.circle3 { right: 0; bottom: 0; }
.circle4 { left: 0; bottom: 0; }
 
.container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.container3 .circle1 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
.container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
.container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
 
.container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
 
.container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
 
.container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
 
.container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
 
.container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
 
.container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
 
@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}
 
@keyframes bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

/*加载动画样式结束*/

.toast{
	position: fixed;
    z-index: 99999;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: .15rem;
	padding:.2rem .4rem;
	background: rgba(0,0,0,.7);
	/* opacity: .6; */
	color:#fff;
	font-size:.28rem;
	max-width:6rem;
	overflow-wrap: break-word;
    word-break: break-word;
}
@font-face {
  font-family: 'iconfont';  /* project id 1179709 */
  src: url('//at.alicdn.com/t/font_1179709_q1zzlthlt4s.eot');
  src: url('//at.alicdn.com/t/font_1179709_q1zzlthlt4s.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1179709_q1zzlthlt4s.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1179709_q1zzlthlt4s.woff') format('woff'),
  url('//at.alicdn.com/t/font_1179709_q1zzlthlt4s.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1179709_q1zzlthlt4s.svg#iconfont') format('svg');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-icon_more:before{
	content:'\e70a';
}
.icon-icon_fire:before{
	content:'\e615';
}
.icon-icon_hexiaoma:before{
	content:'\e786';
}
.icon-icon_contact:before{
	content:'\e7b0';
}
.icon-icon_drop:before{
	content:'\e600';
}
.icon-oil_gun:before{
	content:'\e68d';
}
.icon-icon_index:before{
	content:'\e6a5';
}
.icon-icon_order:before{
	content:'\e61b';
}
.icon-icon_gantanhao:before{
	content:'\e61a';
}
.icon-icon_backspace2:before{
	content:'\e604';
}
.icon-icon_gou:before{
	content:'\e613';
}
.icon-icon_backspace:before{
	content:'\e63a';
}
.icon-icon_ticked_full:before{
	content:'\e655';
}
.icon-icon_money:before{
	content:'\e6a9';
}
.icon-icon_location_3:before{
	content:'\e61e';
}
.icon-icon_location_2:before{
	content:'\e603';
}
.icon-icon_add:before{
	content:'\e81f';
}
.icon-icon_dec:before{
	content:'\e822';
}
.icon-icon_myticket:before{
	content:'\e65c';
}
.icon-icon_ticket:before{
	content:'\e617';
}
.icon-icon_location:before{
	content:'\e6a2';
}
.icon-icon_parking:before{
	content:'\e742';
}
.icon-icon_transition:before{
	content:'\e64b';
}
.icon-icon_food:before{
	content:'\e611';
}

.icon-icon_line:before{
	content:'\e61d';
}
.icon-icon_important:before{
	content:'\e762';
}
.icon-icon_push_down:before{
	content:'\e662';
}
.icon-icon_circle:before{
	content: "\e77c";
}
.icon-icon_smile:before{
	content:"\e650";
}
.icon-icon_ticked:before{
	content: "\e60d";
}
.icon-icon_delta_up:before {
  content: "\e616";
}
.icon-icon_delta_down:before {
  content: "\e606";
}
.icon-icon_arrow_down:before {
  content: "\e6f3";
}

.icon-icon_arrow_up:before {
  content: "\e6f4";
}

.icon-icon_arrow_left:before {
  content: "\e6f5";
}

.icon-icon_arrow_right:before {
  content: "\e6f6";
}

.icon-icon_bell:before {
  content: "\e6f7";
}

.icon-icon_calendar:before {
  content: "\e6f8";
}

.icon-icon_chevrons_left:before {
  content: "\e6f9";
}

.icon-icon_chevrons_right:before {
  content: "\e6fa";
}

.icon-icon_clock:before {
  content: "\e6fb";
}

.icon-icon_close:before {
  content: "\e6fc";
}

.icon-icon_eye_off:before {
  content: "\e6fe";
}

.icon-icon_eye:before {
  content: "\e6ff";
}

.icon-icon_help:before {
  content: "\e700";
}

.icon-icon_lock:before {
  content: "\e701";
}

.icon-icon_phone:before {
  content: "\e702";
}

.icon-icon_plus:before {
  content: "\e703";
}

.icon-icon_save:before {
  content: "\e704";
}

.icon-icon_search:before {
  content: "\e705";
}

.icon-icon_user:before {
  content: "\e706";
}

.icon-icon_error:before {
  content: "\e70b";
}

.no-data{
	text-align: center;
	font-size:.28rem;
	color:#666;
	padding: .2rem;
}
.timeout{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index: 99;
    background: rgba(0,0,0,.3);
}
.timeout .tip{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	width:5rem;
	padding:.3rem;
	font-size:.32rem;
	color:#333;
	background: #fff;
	border-radius: .2rem;
	text-align:center;
	
}
.model-mask{
	position: fixed;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.3);
	z-index:1000;
}
.model-wrap{
	
	width:5rem;
	background: #fff;
	border-radius: .04rem;
}
.model-header{
	font-size: .36rem;
	color: #333;
	text-align: center;
	line-height: .8rem;
	border: 1px solid #ececec;
}
.model-body{
		padding: .3rem .25rem;
		font-size: .28rem;
		color: #444;
}
.model-footer{
	border-top:1px solid #ececec;
}
.model-btn{
	font-size:.32rem;
	color:#333;
	text-align:center;
	line-height:.8rem;
	border-right:1px solid #ececec;
}
.button-checked {
    display: block;
    position: relative;
    width: 22px;
    height: 22px;
    z-index: 1;
    border: 2px solid #4ca4ff;
    border-radius: 100%;
    background-color: #fff;
    background-image: url('../images/jt.svg');
    background-repeat: no-repeat;
    background-position: 50% 60%;
    background-size: 24px 16px;
}
.button-checked.active {
    background-color: #4ca4ff;
}


.dialog-mask{
	position: fixed;
	width:100%;
	height:100%;
	background: rgba(0,0,0,.75);
	z-index:1000;
}
.dialog-wrap{
	min-width:5rem;
	max-width:6.5rem;
	background: #fff;
	border-radius: .3rem;
	overflow: hidden;
	
}
.dialog-body{
	padding: .5rem .3rem .4rem;
}
.dialog-title{
	font-size: .3rem;
	color: #333;
	text-align: center;
	line-height: .45rem;
	font-weight: 500;
	margin-bottom:.2rem;
}
.dialog-text{
	padding: 0 .25rem;
	font-size: .28rem;
	color: #999999;
}
.dialog-footer{
	border-top:1px solid #ececec;
}
.dialog-btn{
	font-size:.3rem;
	color:#333;
	text-align:center;
	line-height:1rem;
	border-right:1px solid #ececec;
}
.dialog-close{
	font-size: .4rem;
	margin-top: 1rem;
	color: #fff;
	padding: .5rem .8rem;
}